<template>
	<div>
		<div class="lq-box" id="maodian">
			<div class="lq-box_1 ">
				<a href="javascript:history.go(-1)"><img src="static/img/headBack.jpg"></a>
				<span>8周年庆-CLUB会场</span>
				<a href="javascript:;"><img src="static/img/line.jpg"></a>
			</div>

			<div class="lq-box_2">
				<div class="edg">
					<i>距离活动结束还剩</i>
					<span><strong>07</strong></span>
					<i>天</i>
					<span><strong>15</strong></span>
					<i>时</i>
					<span><strong>57</strong></span>
					<i>分</i>
					<span><strong>23</strong></span>
					<i>秒</i>
				</div>
			</div>

		</div>
		<my-adbanner></my-adbanner>
		<div class="lq-box_3">
				<a href="javascript:;"><img src="static/img2/1a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/2a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/3a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/4a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/5a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/6a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/10.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/11.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/12a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/13A.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/14.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/15b.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/16.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/17.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/18.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/19.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/20.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/21b.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/22.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/23.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/24.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/25.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/26.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/27b.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/28a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/29.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/30a.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/31.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/32.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/33.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/34A.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/35A.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/36.jpg" class="pop"></a>
				<a href="javascript:;"><img src="static/img2/37.jpg" class="pop"></a>
				 <div class="lq-box_4">
					<img src="static/img2/end.jpg" class="pop_1">
					<a href="javascript:;" class="pop_2"></a>
				</div> 
		</div>
	</div>
</template>
<script>
	import myAdbanner from './Adbanner'
	export default{
		components : {
			myAdbanner
		}
	}
</script>
<style scoped>
			img{
				display: block;
			}
			html{
				font-size: 10px;
			}
			.clearFix:after{
				content: "";
				display: block;
				clear: both;
				height: 0;
				overflow: hidden;
				zoom: 1;
			}
			.lq-box{
				display: flex;
				width:100%;
				height:100%;
				background:white;
			}
			.lq-box_1 img{
				width: .6rem
			}
			.lq-box .lq-box_1{
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding:0.125rem 0.372rem; 
				background: #de4943;
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				height: 1.2rem;
				z-index: 10;
			}
			.lq-box_1 a:first-child{
				display: inline-block;
				margin-top: .2rem;
			}
			.lq-box_1 span{
				color: #fcefef;
				font-size:0.5rem;
				font-weight: bold;
			}
			.lq-box_1 a:last-child{
				margin-right:0.328rem;
			}
			.lq-box_2{
				width:100%;
				text-align: center;
				background:yellow;
				font-size: 0.391rem;
				padding:0.156rem 0;
				margin-top: 1.406rem;
			}
			.edg span{
				color:red;
				font-size: 0.422rem;
			}
			.edg i{
				color:#FF8000;
			}
			.pop{
				width: 100%;
			    height: auto;
			    font-size: 0;
			    margin: 0 auto;
			    position: relative;
			}
			.lq-box_4{
				font-size: 0;
			    width: 100%;
			    position: relative;
			}
			.lq-box_4 img{
				width: 100%;
			    height: auto;
			    font-size: 0;
			    margin: 0 auto;
			    position: relative;
			}
			.pop_2{
				width: 100%;
			    left: 0;
			    top: 0;
			}
			.lq-box_4 a{
				display: block;
			    position: absolute;
			    height: 100%;
			}
</style>